@media only screen and (min-width: 1024px){
.header-m{
display: none;
}
.anlilist_mobile{
display: none;
}
}
@media only screen and (max-width: 1024px){
.header{
display: none;
}
.headerTop{
display: none;
}
.header-on{
display: none;
}
.header-m{
display: block;
background-color: #ffffff;
}
.container {
display: flex;
justify-content: space-between;
padding: 10px 15px;
}
.container .left{
display: flex;
align-items: center;
}
.header-m{
position:fixed;
top:0;
left:0;
right: 0;
z-index:999;
}
/*左侧logo*/
.header-m .left img{
width: 40px;
}
/*å³ä¾§*/
.header-m .right{
display: flex;
align-items: center;
}
.header-m .right img{
width: 28px;
}
.xialanav{
display: flex;
justify-content: space-between;
}
.xialanav .click{
display: flex;
align-items: center;
}
/*白色背景的头部*/
.header-m.on{
background: #fff;
border-bottom: 1px solid #ccc;
}
.header.on .left .img1{
display: none;
}
.header.on .left .img2{
display: block;
}
.header.on .navbar_nav li a{
color: #333;
}
.header.on .navbar_nav li:hover a{
color: orangered;
}
.m_nav{
position: fixed;
top: 0px;
box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
width: 100%;
height: 100%;
background: #fff;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
z-index: 1000;
opacity: 1;
visibility: visible;
margin-top: 0;
overflow-y: auto;
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
top: 0;
right: 0;
transform: translateX(100%);
}
.m_nav.open{
transform: translateX(0);
}
.m_nav .top{
height: 60px;
padding: 20px;
box-sizing: border-box;
}
.m_nav .top .closed{
width: 30px;
height: 30px;
vertical-align: middle;
float:right;
cursor: pointer;
}
.m_nav .ul{
margin-top: 10px;
}
.m_nav .ul li{
padding: 0 20px;
border-bottom: 1px solid #f5f5f5;
transform: translateY(0);
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
opacity: 0;
}
.m_nav.open .ul li{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
display: block;
text-decoration: none;
color: #333;
font-size: 16px;
height: 50px;
line-height: 50px;
width: 100%;
}
.m_nav .ul li .dropdown_menu{
display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
display: block;
}
.m_nav .ul li .dropdown_menu a{
display: block;
height: 50px;
line-height: 50px;
padding: 0 40px;
box-sizing: border-box;
border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
border: none;
}
.widthComm{
width: 95%;
}
.banner{
margin-top: 43px;
}
.banner .swiper-pagination-bullet{
width: 9px;
height: 9px;
}
.cpfl{
margin-top: 30px;
height: 210px;
}
.cpflsv .list .name{
font-size: 23px;
margin: 14px 0 5px 0;
}
.cpflsv .list .ico img{
width: 48px;
}
.cpflsv .list .ico{
height: 48px;
}
.cpflsv .list .enname{
font-size: 17px;
}
.tgcpfls .bigtitle{
font-size: 30px;
}
.tgcpfls .smalltitle{
font-size: 14px;
line-height: 24px;
}
.tgcpfl{
height: 260px;
}
.pros{
flex-wrap: wrap;
}
.pros .list{
width: 49%;
margin-bottom: 10px;
}
.pros .list .title{
font-size: 24px;
margin: 15px 0 7px 0;
text-align: center;
}
.pros .list .bottom a{
font-size: 16px;
line-height: 25px;
margin-bottom: 5px;
}
.gclcp{
margin-top: 20px;
}
.lvname{
flex-wrap: wrap;
margin: 25px 0;
}
.lvname a{
font-size: 20px;
margin:0 15px;
}
.pros .list:nth-child(5){
display: none;
}
.case{
margin-top: 20px;
padding-top: 40px;
padding-bottom: 60px;
}
.mc_gu .en{
font-size: 30px;
}
.mc_gu .cn{
font-size: 24px;
margin-bottom: 15px;
}
.mc_gu .xian{
width: 70px;
}
.anlilist{
margin-top: 30px;
}
.anlilist_pc{
display: none;
}
.anlilist_mobile{
display: block;
}
.anlilist_mobile .swiper-container{
width: 95%;
}
.anlilist .title{
font-size: 24px;
margin: 15px 0 10px 0
}
.anlilist .description{
font-size: 14px;
line-height: 24px;
}
.anlilist .more{
margin-top: 20px;
}
.anlilist .swiper-container{
--swiper-navigation-size:30px
}
.news{
padding-top: 30px;
}
.newlist{
margin-top: 30px;
}
.newlist{
flex-direction: column;
}
.newlist .left{
width: 100%;
}
.newlist .lefts{
padding: 20px;
}
.newlist .zhong{
width: 100%;
height: auto;
}
.newlist .right{
width: 100%;
}
.newlist .title{
font-size: 24px;
margin-top: 20px;
}
.newlist .description{
font-size: 14px;
line-height: 24px;
margin-top: 20px;
}
.newlist .more{
padding: 20px;
}
.newlist .left .more a{
font-size: 16px;
padding: 8px 15px;
width: auto;
}
.newlist .zhong a {
font-size: 16px;
padding: 8px 15px;
}
.gywm{
margin-top: 40px;
}
.footer{
padding-top: 30px;
padding-bottom: 30px;
}
.footers{
flex-direction: column;
}
.footernav{
display: none;
}
.footerlogo{
margin-bottom: 20px;
}
.footerlogo img{
width: 240px;
}
.footers .lxfs{
margin-right: 10px;
}
.footers .right{
justify-content: space-between;
}
.banquans{
flex-direction: column;
font-size: 12px;
padding: 10px 0;
}
.banquans a{
text-align: center;
}
.banquans span{
text-align: center;
}
.nybanners .cu{
font-size: 30px;
}
.nybanners .xi{
font-size: 14px;
line-height: 24px;
}
.nybanner{
margin-top: 42px;
height: 220px;
}
.tjcpbt{
padding-top: 30px;
font-size: 22px;
}
.tjcp{
flex-wrap: wrap;
}
.tjcp .list{
width: 48%;
margin-bottom: 10px;
}
.tjcp .list .title{
font-size: 18px;
margin-top: 10px;
}
.tjcp .list .description{
font-size: 14px;
line-height: 22px;
}
.server{
padding-top: 30px;
padding-bottom: 30px;
}
.server h1{
font-size: 20px;
}
.server h5{
font-size: 14px;
margin: 10px 0 30px 0;
}
.serverlist img{
width: 50px;
}
.serverlist{
flex-wrap: wrap;
justify-content: space-between;
}
.serverlist>div{
width: 48%;
margin-bottom: 20px;
}
.serverlist .title{
font-size: 16px;
margin-top: 12px;
}
.serverlist .ms{
font-size: 14px;
margin-top: 5px;
}
.server .tb{
height: 51px;
}
.nylvnames{
margin-top: 43px;
}
.nylvname .lm img{
width: 40px;
}
.nylvname .cn{
font-size: 22px;
}
.nylvname .en{
font-size: 14px;
display: none;
}
.nyanli{
padding-top: 30px;
padding-bottom: 30px;
}
.tjcp{
margin-top: 30px;
}
.nycontact{
padding-top: 30px;
}
.nycontactlist{
margin-top: 30px;
flex-direction: column;
padding-bottom: 30px;
}
.nycontactlist>div{
width: 100%;
}
.nycontactlist h1{
font-size: 24px;
}
.nycontactlist .lxms{
font-size: 16px;
line-height: 24px;
}
.forms .ons>div{
width: 100%;
}
.forms textarea{
width: 94%;
}
.forms .btn{
margin: 20px 0;
}
.nycontactlist .rights{
margin: 15px;
}
.nycontactlist .rights .sc{
padding: 20px;
}
.nycontactlist .da{
font-size: 18px;
}
.nycontactlist .zc{
font-size: 14px;
line-height: 22px;
}
.nycontactlist .bx{
height: 1px;
margin: 10px 0;
}
.map{
height: 240px;
}
.gsjj{
padding-top: 30px;
padding-bottom: 40px;
}
.gsjjlist{
padding-top: 30px;
}
.gsjjlist .on{
flex-direction: column;
}
.gsjjlist .on .left{
width: 100%;
}
.gsjjlist .on .right{
width: 100%;
}
.gsjjlist h3{
font-size: 24px;
margin-bottom: 15px;
}
.gsjjlist .xq{
font-size: 15px;
line-height: 24px;
}
.gsjjlist .bottom{
margin-top: 30px;
flex-direction: column;
}
.gsjjlist .bottom .left{
width: 100%;
}
.gsjjlist .bottom .right{
width: 100%;
}
.gsjjlist .bottom h3{
margin-top: 10px;
}
.tgss{
justify-content: space-between;
}
.tgss a{
width: 49%;
font-size: 14px;
margin: 0;
background: #f2f2f2;
text-align: center;
margin-bottom: 5px;
line-height: 40px;
/* padding: 3px; */
}
.mbxdh{
font-size: 10px;
justify-content: flex-start;
}
.nynewslist .title{
font-size: 16px;
}
.nynewslist .description{
font-size: 14px;
}
.nynewslist .yb{
display: flex;
flex-direction: column;
justify-content: center;
}
.nynewslist .yb .ri{
font-size: 26px;
}
.nynewslist .yb .ny{
font-size: 14px;
}
.newsshow .showtitle{
font-size: 16px;
}
.newsshow .xwxxss{
font-size: 12px;
}
.newsnr p{
font-size: 14px;
line-height: 22px;
}
.banquan{
margin-bottom: 56px;
}
.fix-bt{
display: block !important;
}
.content-sidebar{
display: none !important;
}
}